<template>
    <div class="screen_block_box">
        <h2 class="header">任务列表</h2>
        <div class="table">
            <div class="table_row table_header flex-row">
                <span class="user">人员</span>
                <span class="msg">任务</span>
                <span class="time">时间</span>
                <span class="type">类型</span>
            </div>
            <div class="table_row table_item flex-row" v-for="i in 5" :key="i">
                <span class="user">章三</span>
                <span class="msg">
                    <a-popover placement="top">
                        <template #content>
                            <p>这是一条新的消息内容这是一条新的消息内容这是一条新的消息内容</p>
                        </template>
                        这是一条新的消息内容这是一条新的消息内容
                    </a-popover>
                </span>
                <span class="time">2022-12-02</span>
                <span class="type">警报</span>
            </div>
            
        </div>
    </div>
</template>
<script>
export default {
    name:"NewsList",
}
</script>